<template>
  <div class="store-details">
    <div class="top">
      <img src="@/assets/mendianzhanshi01.png" class="top-img" alt="">
      <div class="top-cons">
        <p class="title">天赋系统儿童脑力拓展门店</p>
        <p class="tag active">当前未办理此门店会员卡</p>
      </div>
    </div>
    <div class="section">
      <p class="title">联系方式</p>
      <p class="kefu tip">客服电话</p>
      <div class="tel-div">
        <p class="tel">TEL：0090-2458666</p>
        <p class="time">周一至周五，10:00-19:00</p>
        <img src="@/assets/mendianzhanshi02.png" alt="">
      </div>
      <p class="address tip">门店地点</p>
      <p class="address-details">广州市天河区太古汇商业大街道北门商业楼355室</p>
    </div>
    <div class="section">
      <p class="title">门店信息</p>
      <div class="cons">
        <img src="@/assets/mendianzhanshi03.png" alt="">
        <p>智保天赋教育是广州景晟教育科技有限公司旗下品牌，致力于家庭教育新理念、新技术的实践和推广。</p>
        <p>2018年，慧动未来与智晟电子强强联合，在广州两大地标之一的广州圆大厦，共同合作投资成立了广州景晟教育科技有限公司。</p>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
    components: {
    },
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
    }
  }
</script>

<style lang="stylus" scoped>
.store-details
  width 100vw
  height 100vh
  background-color #f5f5f5
  .top
    display flex
    padding 1.5rem 2rem
    background-color #fff
    margin-bottom 1rem
    .top-img
      width 13rem
      height 10rem
      max-width 13rem
      margin-right 1.5rem
    .top-cons
      flex 1
      position relative
      .title
        color #000
        font-size 1.8rem
        font-weight 500
      .tag
        font-size 1.2rem
        color #666
        width 15rem
        line-height 2.4rem
        height 2.4rem
        border 1px solid #e6e6e6
        background-color #f5f5f5
        text-align center
        position absolute
        bottom 1rem
      .tag.active
        color #172F6D
        background-color #ECF1FC
        border none
  .section
    margin-bottom 1rem
    background-color #fff
    padding 0 3rem
    .title
      color #000
      font-size 1.5rem
      font-weight bold
      line-height 5rem
      height 5rem
      border-bottom 1px solid #e6e6e6
      box-sizing border-box
    .tip
      font-size 1.5rem
      height 5rem
      line-height 5rem
      color #000
    .tel-div
      position relative
      border-bottom 1px solid #e6e6e6
      p
        color #666
        font-size 1.3rem
        line-height 1.3rem
        height 1.3rem
      .tel
        margin-bottom 1rem
      .time
        padding-bottom 2rem
      img
        position absolute
        width 1.9rem
        top .9rem
        right 0
    .address-details
      font-size 1.3rem
      color #666
      padding-bottom 4rem      
    .cons
      img
        margin 2rem 0
      p
        font-size 1.3rem
        color #333
        margin-bottom 1rem
        line-height 2.2rem
</style>
